} // fin de la fonction et de la portée des variables

alert(maVariable4); // erreur : la variable est hors de sa portée

alert(maVariable5); // erreur : la variable est hors de sa portée

alert(maVariable6); // erreur : la variable est hors de sa portée

Une variable peut être affectée ou masquée par une fonction enfant de la

fonction (ou de l'espace global) où elle est déclarée :

var maVariable1 = 0; // définition de la variable parente

// 1. Affectation

function maFonction1() { // fonction enfant

maVariable1 = 1; // affectation de la variable parente

}

alert(maVariable1); // affiche 0

maFonction1(); // affecte la variable parente

alert(maVariable1); // affiche 1

// 2. Masquage

var maVariable2 = 0; // définition de la variable parente

function maFonction2() { // fonction enfant

variable parente

maVariable2 = 1; // affectation de la variable enfant

}

alert(maVariable2); // affiche 0

maFonction2();

alert(maVariable2); // affiche 0

En JavaScript, quel que soit le lieu de la déclaration d'une variable

dans sa portée lexicale, la variable est créée au début de l'évaluation

de sa portée lexicale.

Les variables déclarées avec le mot-clé var sont en plus

pré-initialisées à la valeur undefined lors de leur création, et donc

accessibles dès le début de leur portée lexicale. On parle de remontée

de la variable (variable hoisting en anglais) car cela se passe comme si

la déclaration de la variable était remontée au début de sa portée

lexicale :

alert(maVariable); // affiche undefined

var maVariable = 0;

alert(maVariable); // affiche 0

Les variables déclarées avec le mot-clé let ou const (ECMAScript 6) ne

sont pas pré-initialisées, et donc inaccessibles avant leur déclaration.